<template>
  <h1>{{ msg }}</h1>
  <button @click="count++">count is: {{ count }}</button>
  <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
  <button>
    <slot>submit</slot>
  </button>
</template>

<script>
import { h, ref, reactive } from 'vue'
export default {
  name: 'HelloWorld',
  props: {
    msg: String,
  },
  data () {
    return {
      count: 0
    }
  },
  setup (props) {
    const readersNumber = ref(0);
    const book = reactive({ title: 'Vue 3 Guide  111' })
    console.log(readersNumber._value);
    // return () => h('div', [readersNumber.value, book.title])
    console.log('props', props);
  }
}
</script>
